import React from 'react';

// Placeholder data for strategies
const strategies = [
  {
    category: "通用意识",
    title: "地图意识与视野控制",
    content: "时刻关注小地图，了解敌方英雄动向。在关键路口和野区布置视野，防止被gank，同时为队友提供信息支持。控制河道之灵、暴君和主宰等中立资源视野至关重要。"
  },
  {
    category: "对线技巧",
    title: "补刀与控线",
    content: "保证良好的补刀是经济发育的基础。根据对线英雄和局势，选择推线或控线。推线可以给对方兵线压力，获得游走支援的机会；控线则相对安全，不易被gank，也可以配合打野进行击杀。"
  },
  {
    category: "打野思路",
    title: "Gank与反野",
    content: "打野需要掌握gank时机，优先帮助优势路扩大优势或劣势路缓解压力。同时也要注意对方打野动向，进行反野或反蹲，干扰对方发育节奏。控龙是打野的核心职责之一。"
  },
  {
    category: "中路支援",
    title: "游走与联动",
    content: "中路英雄清线快，拥有线权后应积极游走支援边路或配合打野入侵野区。中野辅联动是中期打开局面的关键。"
  },
  {
    category: "射手发育",
    title: "安全发育与输出环境",
    content: "射手是团队后期核心输出，前期以安全发育为主。团战中注意站位，寻找安全的输出环境，在辅助和坦克的保护下打出持续伤害。"
  },
  {
    category: "辅助职责",
    title: "保护与开团",
    content: "辅助需要根据英雄特性和阵容选择，承担保护己方核心输出、提供控制、开团或探视野等职责。合理的游走支援可以帮助团队建立优势。"
  },
  {
    category: "团战处理",
    title: "切入时机与集火目标",
    content: "团战前注意拉扯消耗，寻找合适的开团时机。刺客和战士需要找准机会切入敌方后排。团队需要明确集火目标，优先击杀对方核心输出或脆皮英雄。"
  }
];

export default function StrategiesPage() {
  return (
    <div className="space-y-8">
      <h1 className="text-3xl font-bold border-b pb-4">基础打法思路</h1>

      <p className="text-gray-600">
        掌握基础的打法思路和游戏意识是提升水平的关键。以下是一些通用或分位置的策略要点，帮助您更好地理解游戏节奏和团队配合。
      </p>

      <div className="space-y-6">
        {strategies.map((strategy, index) => (
          <div key={index} className="bg-white shadow rounded-lg p-6">
            <span className="inline-block bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full mb-3">
              {strategy.category}
            </span>
            <h2 className="text-xl font-semibold mb-2">{strategy.title}</h2>
            <p className="text-gray-700 leading-relaxed">{strategy.content}</p>
          </div>
        ))}
      </div>
    </div>
  );
}
